/*
body{font-family: "微软雅黑";}
ul li{list-style: none;}
a{text-decoration: none;}
a img {border: 0;}
input{b}*/
@charset "utf-8";
/* CSS Document */
/**{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-font-smoothing: subpixel-antialiased!important;}*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
 

from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal;}
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body {margin: 0 auto; padding: 0; font: normal 16px "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial; color: #666; word-break: break-all; text-align: justify; width: 100%; overflow-x:hidden; background-color: #fff;cursor: default;}
img, li { vertical-align: top; }
img { max-width: 100%; }
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}
.clear { clear: both; width: 0; height: 0; border: 0; margin: 0; padding: 0; visibility: hidden; font-size: 0; line-height: 0; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none; }
a{ text-decoration: none; color: #666; }

.allbox{background-color: #fff;}
.indexB{display: none;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 1999;}
.indexB ul{width: 100%;height:40px;}
.indexB li{float: left;width: 33.33%;}
.indexB a{display: block;text-align: center;font-size: 16px;line-height: 40px;background-color: #000;color: #fff;border-right: 1px solid #fff;}
.indexB img{width: 25px;margin:8px 3px 0 0;}
.indexB li:last-child a{background-color: #f40417;border-right:none;}
.indexC{display: none;position: fixed;top:50%;left: 50%;margin:-200px 0 0 -310px;width:620px;height: 280px;background: url(../img/indexc.png) no-repeat center center #f40417;background-size: contain;opacity: .9;z-index: 1999;}
.indexC a{display: block;padding: 5px 20px;font-size: 18px;color: #fff;border: 1px solid #fff;border-radius: 15px;}
.indexCzx{position: absolute;bottom: 40px;left: 120px;}
.indexCzx a{background-color: #fff;color:#f40417;}
.indexCno{position: absolute;bottom: 40px;right: 150px;cursor: pointer;}
.indexR{position: fixed;top: 50%;right: 20px;margin-top: -80px;width: 50px;height: 160px;z-index: 1999;}
.indexR a{display: block;margin: 3px 0;width: 48px;height: 48px;border-radius: 24px 24px; background-color: rgba(0,0,0,.6);display: inline-block;background-repeat: no-repeat;background-position: center center;vertical-align: middle;overflow: hidden;line-height: 48px;
-webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
-moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
-ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
-o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.indexR span{margin-left: 50px;font-size: 18px;color: #fff;white-space:nowrap;}
.indexRtel{background-image: url(../img/indexr1.png);}
.indexRQQ{background-image: url(../img/indexr2.png);}
.indexRsq{background-image: url(../img/indexr3.png);}
.indexR a:hover{background-color:#000}
header{padding: 0 5%;width: 100%;position: fixed;top: 0;left: 0;height: 59px;z-index: 999;}
.indexR a.indexRtel:hover{width: 192px;margin-left: -144px;background-position: 15px center;}
.indexR a.indexRQQ:hover{width: 132px;margin-left: -84px;background-position: 15px center;}
.indexR a.indexRsq:hover{width: 132px;margin-left: -84px;background-position: 15px center;}
.headerline{position: absolute;left: 5%;bottom: 0;width: 90%;border-bottom:1px solid rgba(255,255,255,.2);}
.headerbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #000;z-index: -1;opacity: 0;}
.logo{float: left;position: absolute;margin-left: 1%;padding:25px 0 0 0;width: 123px;z-index: 3;}
.logo img{display: block;margin: 0 auto;}
.logos{display: none;}
nav{float: right;padding: 8px 0 0;}
nav li{float: left;position: relative;}

.navsubmenu{position: absolute;display: none;margin: 10px 0 0 -70px; left: 50%;
    width: 140px;
    background: #f40417;
    border-radius: 8px 8px 4px 4px;
    text-align: center;
    padding: 6px 0;
    z-index: 999;}
.navsubmenu li{float: none;}
.navsubmenu a{margin: 0 auto;text-align: center;border-bottom: 1px solid #f40417;}
.navsubmenu a:hover{border-color:#fff;}
.navsubmenu:after{content: "";
    display: block;width: 10px;
    height: 10px;
    background: #f40417;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: -2px;}
nav a {position: relative;display: block;margin: 0 15px;padding: 15px 0;width: 100px;text-align: center;color: #fff;font-size: 16px;transition-property: border,color; -ms-transition-property:  border,color; -moz-transition-property:  border,color; -webkit-transition-property:  border,color; -o-transition-property:  border,color; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
.navline{display: none;position: absolute;bottom: 0;left: 50%;margin-left: -30px;width: 60px;border-bottom:1px solid #ee001b ;}
nav li:hover .navline{display: block;}
nav a.navtel{width: 150px;}
nav a.navtel i{font-size: 20px}
nav>ul>li>a:hover{color: #f40417;}
.nav-btn{display: none;}
/*========header nav===========*/
.banner{position: relative;height: 650px;}
.banner li{display: block;height: 650px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.banner li>a{display: block;width: 100%;height: 100%;}
.bannercont{position: absolute;left: 10%;bottom: 20%;z-index: 2;width: 0;overflow: hidden;}
.bannercont h2{color: #fff;font-size: 40px;white-space:nowrap;}
.bannercont img{display: block;margin: 20px 0;}
.bannercont p{width: 600px;height: 100px;overflow:hidden;font-size: 14px;line-height: 25px;color: #fff;}
.bannerB{position: absolute;left:5%;bottom:0;width: 90%;height:80px;background-color: #fff;z-index: 1;}
.bannerBl{float: left;margin-left:5%;}
.bannerBl-btn{float: left;margin:20px 30px 0;width: 40px;}
.bannerBl-btn div{position: static;margin:0;width: 10px;height:30px;background: none;background: url(../img/bannerL.png) no-repeat center center;
transition: width .3s;
-moz-transition: width .3s; /* Firefox 4 */
-webkit-transition: width .3s; /* Safari 和 Chrome */
-o-transition: width .3s;
}
.bannerBl-btn div:hover{width: 40px;background: url(../img/bannerLH.png) no-repeat center center;}
.bannerBl .swiper-button-prev{float: right;}
.bannerBl .swiper-button-next{transform: rotate(180deg);}
@keyframes shaking{
 	25% {
		top:60%;
		opacity: 0.5;
	}
	50% {
		top:40%;
		opacity: 1;
	}
	75% {
		top:30%;
		opacity: 0.5;
	}
	100% {
		top:40%;
		opacity: 1;
	}
}
.bannerBc{position: absolute;top: 40%;left: 50%;margin:-13px 0 -20px 0;width: 26px;height:40px;background: url(../img/bannerC.png) no-repeat center center;animation: shaking 2s linear infinite;}

.bannerBr{float: right;padding-top:25px;margin-right: 5%;}
.bannerBr p{font-size: 20px;font-weight: bold;color: #ee001b;}
.bannerBr p img{margin-right: 10px;}
/*========banner==========*/
.main{width: 80%;margin: 50px auto;}
.main-us{width:1200px;margin: 0 auto;}
.main-us a{display: block;margin-bottom: 20px;font-size: 50px;text-align: center;color: #000;}
.main-us p{font-size: 18px;line-height: 35px;text-align: center;color: #969696;}
.main-usys{width: 1000px;margin: 20px auto;}
.main-usys li{float: left;width: 25%;text-align: center;}
.main-usys h2{font-size: 14px;color: #333;}
.main-usys h2 span{font-size: 80px;color: #d50404;}
.main-usys p{font-size: 16px;color: #333;}
/*========关于我们===========*/
.main1bg{background-color: #fafafa;}
.main1 dl{float: left;padding: 100px 0;width: 25%;}
.main1 dl img{display: block;height: 100px;margin: 0 auto;filter:grayscale(100%);opacity: 0.6;}
.main1 ul{margin: 30px 0 30px 35%;}
.main1 a.main1a-h{display: block;font-size: 24px;color: #333;text-align:center;padding: 35px 0 25px;background: url(../img/main1hbg.png) no-repeat bottom center;}
.main1 li{list-style: square;color: #666;}
.main1 li a{font-size: 15px;color: #666;line-height: 35px;}
.main1 a.main1a-btn{display: block;margin:0 auto;width: 120px;line-height: 30px;text-align: center;font-size: 14px;background-color: #c70505;color: #fff}
.main1 dl:hover{background-color: #f5f5f5;}
.main1 dl:hover img{filter:none;opacity: 1;}
/*========关于我们-四大板块===========*/
.main21{position: relative;margin: 60px 0 30px;}
.main21 a{display: block;height:560px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.main21 li{position: relative;}
.main21 li p{position: absolute;bottom: 10px;right: 20px;font-size: 16px;color: #fff;}
.main21B{position: absolute;bottom: 5%;left: 5%;z-index: 2;}
.main21Bl{float: left;}
.main21Bl .swiper-button-prev,.main21Bl .swiper-button-next{position: static;float: left;margin: 0 5px;width: 40px;height: 40px;background: url(../img/bannerL.png) no-repeat center center #fff}
.main21Bl .swiper-button-prev:hover,.main21Bl .swiper-button-next:hover{border-radius: 50%;}
.main21Bl .swiper-button-next{transform: rotate(180deg);}
.main21Bc{float: left;margin: 0 30px;line-height: 30px;color: #fff;}
.main21Br{float: left;}
.main21Br .swiper-pagination{position: static}
.main21Br .swiper-pagination-bullet{margin-bottom: 1px;width: 25px;height: 2px;border-radius: 0;opacity:1;background-color: #fff;}
.main21Br .swiper-pagination-bullet-active{margin-bottom:0;height: 4px;margin-top: 0;background-color: #d50404}
/*========作品T===========*/
.main3bg{background-color: #f5f5f5;}
.main3{width: 80%;margin: 0 auto;}
.main3>div{float: left;height: 400px;}

.main31{width: 68%;}

.main32{width: 32%;}
.main321,.main322{width: 100%;height: 100%;}
.main33{width: 34%;}
.main34{width: 32%;}

.main3 .swiper-container,.main3 li.swiper-slide{width: 100%;height: 100%;}
.main3s{margin: 0;padding:0;display: block;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;
transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .6s;
-ms-transition-duration: .6s;
-moz-transition-duration: .6s;
-webkit-transition-duration: .6s;}
.main3logos{display: table;position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;height: 100%;}
.main3logos div{display: table-cell;vertical-align: middle;}
.main3logos img{display: block;margin: 0 auto;}
.main3 li:hover .main3s{transform:scale(1.2);opacity: .8;}

@-webkit-keyframes myRotate{
    0%{ -webkit-transform: rotate(0deg);}
    50%{ -webkit-transform: rotate(180deg);}
    100%{ -webkit-transform: rotate(360deg);}
}
@keyframes myRotate{
    0%{ -webkit-transform: rotate(0deg);}
    50%{ -webkit-transform: rotate(180deg);}
    100%{ -webkit-transform: rotate(360deg);}
}

.main3more{display: table;width: 100%;height: 100%;background-color: #c80000;}
.main3moreC{display: table-cell;vertical-align: middle;}
.main3moreC h4{font-size: 18px;font-weight: bold;text-align: center;color: #fff;}
.main3mores{position: relative;width: 60px;margin: 0 auto 20px;}
.main3moress{position: absolute;top: 0;right: 0;width: 28px;}
.main3more:hover{background-color: #d33333;}
.main3more:hover .main3moress{-webkit-animation:myRotate 6s linear infinite;animation:myRotate 6s linear infinite;}
/*========作品B===========*/  
.main4{padding: 80px 0 80px 10%;background-color: #f5f5f5;}
.main4>img{display: block;margin-bottom: 40px;}
.main4s{position: relative;}
.main4L{position: absolute;top:50%;left:0;margin-top:-210px;width: 500px;height: 420px;z-index: 6;}
.main4L .swiper-container{width: 100%;height: 100%;}
.main4L li{position: relative;}
.main4L li a{display: block;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.main4Lcont{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;line-height: 50px;background-color: rgba(0,0,0,.6)}
.main4Lcont a{font-size: 16px;font-weight:bold;color: #fff;}
.main4Lb{position: absolute;right: 5%;bottom: 0;z-index:3;width: 10%;height: 50px;}
.main4Lb .swiper-button-prev,.main4Lb .swiper-button-next{position: static;float:left;width: 50%;height: 100%;margin: 0;background: url(../img/newsL.png) no-repeat center center;}
.main4Lb .swiper-button-next{transform: rotate(180deg);}

.main4R{margin-top: 0;padding: 30px 10% 30px 120px;width: calc(100% - 440px);background-color: #fff;float: right;}
.main4Rcont{margin: 30px 0;}
.main4Rcont time{font-size: 16px;color: #666;}
.main4Rcont>a{display: block;padding: 10px 0;font-size: 16px;font-weight: bold;color: #333;}
.main4Rcont p{font-size: 14px;line-height: 25px;color: #666;height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main4Rcont ul{float: left;width: 50%;}
.main4Rcont li{margin: 10px 0;}
.main4Rcont li h4{font-size: 18px;color: #151515;}
.main4Rcont li a{font-size: 14px;color: #666;}
.main4Ra a{font-size: 16px;color: #232323;}
/*========新闻===========*/
.main5{width: 100%;display: table;padding:80px 0 40px;margin:100px auto 0;background-color: #c80000;}
.main51{display: table-cell;vertical-align: middle;width: 15%;}
.main51 img{display: block;width: 100%;}
.main52{float: left;padding-left: 13%;width: 88%;color: #fff;}
.main52 h1{font-size: 60px;font-weight: bold;}
.main52 h1 span{display: block;font-size: 30px;font-weight: normal;}
.main52s{margin-top: 20px;}
.main52s1{float: left;}
.main52s1 p{font-size: 30px;}
.main52s1 p span{display: block;font-size: 14px;}
.main52s1 p.main52p1{margin-top: 20px;font-size: 25px;}
.main52s1 p.main52p2{margin-top: 30px;font-size: 16px;background: url(../img/main5p.png) no-repeat left 80px bottom 5px;}
.main52s2{float: left;margin-left: 50px;}
.main52s2 img{float: left;}
.main52s2 a{float: left;display: block;margin:17px 5px;width: 100px;line-height: 30px;text-align: center;font-size: 14px;border-radius:5px;color: #c80000;background-color: #fff;}
.main53{float: left;width: 12%;}

.main6 li{float: left;margin: 40px 0 0 5% ;}
.main6 li.main6dz{width: 300px;}
.main6 p,.main6 a{line-height: 25px;font-size: 14px;color: #252525;}
/*========footer===========*/
/*======================二级页面=========================*/
.ejbanner{position: relative;height: 350px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.ejbanner p{position: absolute;bottom: 20%;left: 10%;color: #fff;font-size: 24px}
/*========二级页面 banner===========*/
.casefilter{width: 90%;margin: 100px auto;}

.casefilters{padding: 20px 0;border-bottom: 1px solid #f5f5f5;}
.casefilters h4{float: left;width: 80px;font-size: 18px;line-height: 35px;font-weight:bold;color: #333;}
.casefilter-all{float: left;width: 80px;}
.casefilter-all a{display: block;text-align: center;line-height: 40px;font-size: 16px;color: #333;}
.casefilters ul{float: left;width: calc(100% - 180px);}
.casefilters li{float: left;width: 100px;text-align: center;line-height: 40px;font-size: 16px}
.casefilters li:first-child{clear: both;}
.casefilters li a{display: block;color: #333;}
.casefilter-all a.casefilter-active{color: #e60d11;}
.casefilters li a.casefilter-active,.casefilters li a:hover{color: #e60d11;}
.casefilter-more{display: none;float: left;width: 20px;height:18px;margin-top: 12px;}
.casefilter-more.casefilter-more1{transform: rotate(180deg);filter:grayscale(100%);}
/*=====案例筛选=====*/
.casecont{width: 90%;margin: 0 auto;}
.casecont dl {float: left;margin:10px;width: calc(33.33% - 20px);}
.casecont dl dt{position: relative;width: 100%;height: 350px;overflow: hidden;border: 1px solid #eee;}
.caseimg{display: block;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;
transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .6s;
-ms-transition-duration: .6s;
-moz-transition-duration: .6s;
-webkit-transition-duration: .6s;}

.casebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(200,0,0,.8);opacity: 0;}
.caseview{display: table;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.case-btn{display: table-cell;vertical-align: middle;font-size: 16px;text-align: center;color: #fff;}
.case-btn-border{position: absolute;top:50%;left:50%;margin:-25px 0 0 -10px;width: 0;height: 50px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
/*.casecont dl:hover dt{box-shadow: 5px 5px 10px #ccc;}*/
.casecont dl:hover .caseimg{transform: scale(1.2);}
.casecont dl:hover .casebg{opacity: 1;}
.casecont dl:hover .caseview{opacity: 1;}
.casecont dl:hover .case-btn-border{width: 20px;}
.casecont dl dd{padding: 20px 10% 0;color: #333;height: 106px;overflow: hidden;}
.casecont dl dd a{float: left;margin:3px 0;font-size: 14px;line-height:20px;color: #333;font-family: "Arial";}
.casecont dl dd p{float: right;margin:3px 0;font-size: 12px;line-height:20px;font-style: italic;}
/*=====案例展示=====*/
.casemore{display: block;margin: 30px auto;width:330px;font-size: 16px;line-height: 70px;border:none;background-color: #c80000;color: #fff;}
/*========客户案例===========*/
.service dl{padding: 80px 10%;}
.service dt{float: left;width: 45%;height: 600px;overflow: hidden;}
.serviceimg{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;
transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;}
.service dl:hover .serviceimg{transform: scale(1.1);}
.service dd{position: relative;float: left;width: 55%;padding: 3% 5%;}
.service dd img{position: absolute;top: 20px;left:0;margin-left:-25px;z-index: 2;}
.service dd h2{font-size: 35px;color: #333;}
.service dd h2 span{display: block;margin-top: 15px;font-size: 26px;color: #4c4c4c;}
.service ul{margin: 80px 0 120px;}
.service li{padding: 5px 15px;font-size: 16px;line-height: 25px;background: url(../img/serviceli.png) no-repeat left center;color: #4c4c4c;}
.service li a{font-size: 16px;line-height: 25px;color: #4c4c4c;}
.service dd>a{display: block;float:left;margin:10px 20px 0 0;width: 220px;text-align: center;line-height: 57px;font-size: 16px;font-weight:600;border:1px solid #b0000d;background-color: none;color: #262525;}
.service dd>a:last-child{background:#b0000d;color: #fff;}
.service dd>a:hover{background-color: #b0000d;color: #fff;}

.service dl:nth-child(2n){background-color: #f5f5f5;}
.service dl:nth-child(2n) dt{float: right;}
.service dl:nth-child(2n) dd img{position: absolute;top: 20px;left:100%;margin-left:-25px;z-index: 2;}
.service dl:nth-child(2n) h2{text-align: right;}
.service dl:nth-child(2n) li{text-align: right;background: url(../img/serviceli.png) no-repeat right center;}
.service dl:nth-child(2n) a{float: right;margin: 10px 0 0 20px;}
/*========服务===========*/
.keyword{padding:80px 10%;background-color: #fff;}
.keyword:nth-child(2n){background-color: #f2f2f2;}
h3.h-ys1{margin-bottom: 50px;font-size: 20px;font-weight: bold;text-align:center;color: #333;}
.keyword1 li{float: left;width: 25%;padding:60px 2.5% 0;text-align: center;background-color: #f2f2f2;color: #333;}
.keyword1 li:nth-child(2n){background-color: #fafafa;}
.keyword1 i{display: block;line-height: 70px;font-size: 60px;color: #ca0118;}
.keyword1 li h3{margin: 20px 0;font-size: 20px;font-weight: bold;}
.keyword1 p{height: 150px;font-size: 16px;line-height: 25px;}
.keyword1 li:hover i{transform: scale(1.2);}

.keyword2{position: relative;background-color: #fff;padding:80px ;}
.keyword2 ul{width: calc(100% - 60px);}
.keyword2 li{width:33.33%;}
.keyword2 img{display: block;margin: 0 auto;width: 98%;}
.keyword2 .swiper-button-prev,.keyword2 .swiper-button-next{background:none;margin-left: 10px;}
.keyword2 .swiper-button-prev i,.keyword2 .swiper-button-next i{
	text-align: center;font-size: 30px;line-height: 45px;
}
.keyword2 .swiper-button-next{margin: 0 10px 0 0;}

.keyword3cont{position: relative;float: left;width: 200px;text-align: center;line-height: 200px;}
.keyword3contbg{position: absolute;top: 0;left: 0;width:100%;height:100%;background: url(../img/keywordsbzbg.png) no-repeat center center;background-size: contain;z-index: 9;}
.keyword3cont p{z-index: 99999;}
.keyword3cont:hover .keyword3contbg{-webkit-animation:myRotate .5s linear 1;animation:myRotate .5s linear 1;}
.keyword3cont:hover p{color: #ca0118}
.keyword3next{float: left;width: calc(33.33% - 270px);height: 200px;}
.keyword3next img{display: block;margin: 90px auto;height: 20px;}

.keyword4{position: relative;padding-bottom:100px ;}
.keyword4cont{float: left;margin: 10px;padding: 0 5%;width: calc(25% - 20px);font-size: 16px;text-align: center;line-height: 25px;color: #333;}
.keyword4cont i{display: block;line-height: 60px;font-size: 60px;color: #ca0118;}
.keyword4cont h3{margin: 25px 0;font-size: 20px;font-weight: bold;color: #ca0118;}
.keyword4cont:hover i{transform: scale(1.2);}

.keyword4L{position: absolute;left: 0; bottom: 0;margin-bottom: -5px;}
.keyword4R{position: absolute;right: 0; top: 0;margin-top: -42px;}

.keyword5{;padding-bottom: 0;}
.keyword5cont{float: left;margin: 10px;padding: 0 5%;width: calc(25% - 20px);font-size: 16px;text-align: center;line-height: 25px;color: #333;}
.keyword5img{display: block;width: 72px;margin: 0 auto;background: url(../img/keywordsbg.png) no-repeat center center;background-size: contain;}
.keyword5img i{line-height: 82px;font-size: 35px;text-align:center;color: #ca0118;}
.keyword5cont h3{margin: 13px 0;font-size: 20px;font-weight: bold;}
.keyword5cont:hover .keyword5img{transform: scale(1.2);}
/*========关键词优化===========*/

.about1{font-size:14px;line-height: 25px;color: #333;}
.about1 img{display: block;margin: 0 auto;}
.about-time{margin: 40px 0 100px;text-align: center;font-size: 30px;font-family: arial;color: #050505;}
.about1cont{float: right;width: 90%;}
.about1 ul{float: left;margin: 0 15px;width: calc(33.33% - 30px);}
.about1 li{margin: 2px 0;}

.about2{display: table;padding: 20px 10%;width: 100%;height: 550px;background:url(../img/about2.png) no-repeat center center;background-size: cover;}
.about2 ul{display: table-cell;vertical-align: middle;width: 100%;}
.about2 li{float: left;width: 20%;}
.about2 img{display: block;margin: 0 auto;height: 90px;}

.about3 dl{float: left;margin: 10px; width: calc(33.33% - 20px);}
.about3 dt{position: relative;width: 100%;height: 400px;overflow: hidden;}
.about3img{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.about3 dt h3{position: absolute;top: 50%;left: 0;margin-top:-20px;padding:0 10px;width: 100%;text-align: center;line-height: 40px;font-size: 30px;color: #fff;}
.about3 dd{padding: 3%;line-height: 25px;font-size: 14px;color: #4c4c4c;}
.about3 li{margin-bottom: 3px;}
.about3 dl:hover .about3img{transform: scale(1.2);}

.about4{position: relative;background-color: #1e1e1e;padding: 100px 10%;}
.about4 li{background-color: #1e1e1e;}
.about4 li img{display: block;margin: 0 auto;}
.about4-btn{position: absolute;bottom: 10%;left: 10%;width: 100%;}
.about4-btn .swiper-pagination-bullet{margin: 0 3px;width: 3px;height: 15px;border-radius: 0;background-color: #fff;opacity: 1;}
.about4-btn .swiper-pagination-bullet-active{height: 20px;background-color: #c80000}
.about5{padding: 100px 0;background: url(../img/about5.png) no-repeat center center; background-size: cover;}
.about5s{width:1200px;margin: 0 auto;}
.about5s li{float: left;width: 25%;text-align: center;}
.about5s h2{font-size: 14px;color: #fff;}
.about5s h2 span{font-size: 80px;color: #fff;}
.about5s p{font-size: 16px;color: #fff;}
/*========关于我们===========*/
.contact1 h2{margin: 100px 0 50px 30px;font-size: 35px;color: #404040;}
.contact1 li{float: left;display: table;margin:20px 30px;width: calc(33.33% - 60px);height: 220px;background-color: #f2f2f2;}
.contact1s{display: table-cell;vertical-align: middle;padding: 0 10%;}
.contact1s i{font-size: 35px;color: #000;}
.contact1s p{font-size: 16px;color: #333;line-height: 25px;}
.contact1s span{display: block;margin: 25px 0 15px;font-size: 20px;font-weight: bold;font-family: arial;color: #404040;}
.contact1 li:hover{background-color: #c80000;color: #fff;}
.contact1 li:hover .contact1s i,.contact1 li:hover .contact1s p,.contact1 li:hover .contact1s span{color: #fff;}

.contact2 h3{padding: 70px 0;text-align: center;font-size: 30px;color: #333;}
.contact2 form{width: 1000px;margin: 0 auto;}
.contact2 input,.contact2 select{float: left;margin: 0 10px 20px 10px;width: calc(50% - 20px);height: 60px;border:1px solid #d9d9d9;padding: 0 10px;font-size: 15px;color: #333;}
.contact2 textarea{display: block;margin: 10px auto 0;padding:20px 10px;width: calc(100% - 20px);height: 200px;resize: none;border:1px solid #d9d9d9;font-size: 15px;color: #333;}
.contact2 input.contact-sub{float: none;display: block;margin: 50px auto;width: 230px;padding: 0;background-color: #c80000;color: #fff;}
/*========联系我们===========*/
.wan1 p{margin: 0 auto;width: 1000px;font-size: 16px;line-height: 25px;color: #333;}

.wan2s{float: left;margin: 10px;padding:4% 2% 1%;width: calc(25% - 20px);background-color: #ededed;color: #333;}
.wan2s h3{font-size: 20px;font-weight: bold;line-height: 25px;height: 50px;overflow: hidden;}
.wan2s img{display: block;margin-bottom:20px;}
.wan2s p{font-size: 16px;line-height: 25px;height: 75px;overflow: hidden;}
.wan3{padding: 100px 10%;background: url(../img/wanbg.png) no-repeat center center;background-size:cover;text-align: center;color: #fff;}
.wan3>h3{padding-bottom: 50px;color: #fff;}
.wan3s {float: left;width: 20%;margin: 0 2.5%;}
.wan3s i{display: block;font-size: 60px;line-height: 70px;color: #fff;}
.wan3s h4{font-size: 16px;font-weight: bold;margin: 20px 0;}
.wan3s p{font-size: 14px;line-height: 25px;}
.wan3s:hover i{transform: scale(1.2);}
.wan4 dl{float: left;margin:10px 20px;width: calc(33.33% - 40px);}
.wan4 dt{height: 300px;overflow: hidden;}
.wan4img{width: 100%;height: 100%;background-repeat: no-repeat;background-position:center center;background-size: cover;}
.wan4 dd{padding: 20px 10px 20px 70px;color: #333;line-height: 25px;background: url(../img/serviceT.png) no-repeat left top 30px;}
.wan4 dd h3{font-size: 20px;font-weight: bold;height: 50px;overflow: hidden;}
.wan4 dd p{font-size: 16px;height: 100px;overflow: hidden;}
.wan4 dl:hover .wan4img{transform: scale(1.2);}
/*========万词霸屏===========*/
.advantage{padding: 100px 0;width: 100%;color: #333;}
.advantagemain{margin: 0 auto;width: 1100px;}
.advantagecont{float: left;margin-top: 50px;width: 500px;}
.advantage3 .advantagecont{margin-top: 100px;}
.advantageimg{float: right;}
.advantageimg img{transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;}
.advantage h3{padding:50px 0;font-size: 35px;background: url(../img/serviceT.png) no-repeat  left bottom;}
.advantage p{margin: 20px 0;font-size: 16px;line-height: 25px;}
.advantage:nth-child(2n) .advantagecont{float: right;}
.advantage:nth-child(2n) .advantageimg{float: left;}
.advantage1{background: url(../img/advanbg1.png) no-repeat center center;background-size: cover}
.advantage2{background: url(../img/advanbg2.png) no-repeat center center;background-size: cover}
.advantage3{background: url(../img/advanbg3.png) no-repeat center center;background-size: cover}
.advantage:hover .advantageimg img{transform: scale(1.1);}
/*========我们的优势===========*/
.news{width: 80%;margin: 80px auto;}
.newslist li{float: left;}
.newslist a{display: block;padding: 20px;font-size: 20px;font-weight:bold;color: #4c4c4c;cursor: pointer;}
.newslist a.newsliys,.newslist a:hover{color: #c80000;background: url(../img/serviceT.png) no-repeat bottom left;}
.newscont ul{margin: 40px 0;}
.newscont li{float: left;margin: 0 60px;padding:40px 0;width: calc(50% - 120px);}
.newsa-img img{display: block;margin-bottom: 50px;height: 70px;}
.newsa-h{font-size: 20px;color: #333;line-height:30px;height: 30px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.newsa-p{margin: 20px 0;font-size: 14px;line-height:30px;color: #808080;height: 60px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newscont li time{font-size: 18px;color: #4c4c4c;font-family: arial;}
/*.fengye{width: 460px;margin: 50px auto;}
.fengye .off{float: left;display: block;padding: 15px;}
.fengye span{float: left;cursor: pointer;}
.fengye span.fenkong{line-height: 50px;}
.fengye .focus2 a{display: block;margin: 0 10px;width: 50px;text-align:center;line-height: 50px;border-radius:5px;font-size: 20px;border: 1px solid #c80000;color: #4c4c4c;}
.fengye .focus2 a:hover{background-color: #c80000;color: #fff;}*/

.newsfy{width: 300px;margin: 50px auto;}
.newsfy a{float: left;}
.newsfyc{margin: 0 10px;width: 50px;text-align:center;line-height: 50px;border-radius:5px;font-size: 20px;border: 1px solid #c80000;color: #4c4c4c;}
.newsfyc:hover{background-color: #c80000;color: #fff;}
.newsfyp img,.newsfyn img{padding:15px;filter: grayscale(100%);}
.newsfyn{transform: rotate(180deg);}
.newsfyp:hover img,.newsfyn:hover img{filter: grayscale(0%);}
.newscont li:hover .newsa-img img{transform: scale(1.2);}
/*========新闻中心===========*/
.packages{display: none;}
.package{background-color: #fafafa;padding: 50px 10%;}
.package>h3{font-size: 30px;text-align: center;margin: 50px 0;color: #4c4c4c;}
.package1{width: 1200px;margin: 0 auto;}
.package1>ul{float: left;background-color: #fff;margin-left: 20px;}
.packagename{padding: 60px 0 0 0;width: 300px;}
.packagename li{padding: 10px 0 10px 60px;height: 60px;}
.packagecont{width: calc(33.33% - 130px);}
.packagecont li{height: 60px;padding: 10px 30px;text-align: center;line-height: 30px;font-size: 16px;color: #666;}
/*.packagecont li:first-child,.packagecont li:last-child{height: 80px;background-color: #ededed;}*/
.packagecont p{font-size: 14px;color: #333;}
.packagecont p span{display: block;font-size: 18px;font-weight: bold;}
.packagecont select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width: 100%;height: 100%;font-size: 18px;padding:0 18%;border: 1px solid #ccc;border-radius:5px;background: url(../img/mobanbg.png) no-repeat center right;}
.packagecont select::-ms-expand { display: none; }
.packagecont input{width: 15px;height: 15px;margin: 0 10px;}
/*========云模板套餐===========*/
.newsdeta{line-height: 35px;}
.newsdeta h4{margin-bottom: 50px;padding-bottom: 30px;text-align: center;font-size: 25px;color: #333;border-bottom: 1px solid #d3d3d4;}
.newsdeta h4 span{display: block;font-size: 14px;padding-top:10px;color:#999}
.newsdeta p{font-size: 16px;color: #4c4c4c}
.newsdeta img{margin: 20px;}
.newsqh{margin: 80px 0 50px;border-top: 1px dashed #ebebeb;border-bottom: 1px dashed #ebebeb;}
.newsqh a{display: block;margin: 20px 10px;font-size: 16px;color: #4c4c4c;}
/*========新闻详情===========*/
.website11{padding: 100px 10%;}
.website11 h1{margin-bottom: 80px;text-align: center;font-size: 48px;line-height: 54px;font-weight:normal;color: #010101;}
.website11 li{float: left;width: 25%;text-align: center;}
.website11 li .website11img{width:180px;margin: 0 auto;}
.website11 li .website11img img{display:block;width: 100%;transition: all 0.6s;}
.website11 h2{margin-top: 20px;line-height: 32px;height: 64px;overflow: hidden;font-size: 20px;color: #000000;}
.website11 li:hover .website11img img{transform: rotateY(-180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);}
.website12{padding: 100px 10%;background: url(../img/pics/website_bg3.jpg) no-repeat center center;background-size: cover;}
.website12 h1{font-weight: normal;margin-bottom: 2%;padding-bottom: 2%;font-family: "华文细黑";background: url(../img/pics/website_bg4.jpg) no-repeat left bottom;font-size: 48px;color: #000;}
.website12 p{width: 582px;font-family: "华文细黑";font-size: 36px;line-height: 48px;color: #666666;}
.website12 a{clear: both;display: block;margin: 80px 0 100px;width: 210px;line-height: 48px;border-radius: 30px;background: url(../img/pics/website_bg2.png) no-repeat 140px center #f67524;text-indent: 50px;font-size: 16px;color: #fff;transition: all 0.3s;}
.website12 a:hover{opacity: 0.8;background-position: 143px center;}
.website13{padding: 100px 10%;background: url(../img/pics/website_bg5.jpg) no-repeat center center;background-size: cover;}
.website13 h1{margin-bottom: 50px;text-align: center;font-size: 48px;line-height: 54px;font-weight: normal;color: #fff;}
.website13 li{position: relative;float: left;display: table;width: 25%;height: 190px;border:1px solid #3a3a3a;}
.website13txts{display: table-cell;vertical-align:middle;text-align: center;width: 100%;}
.website13txts h2{margin-top: 30px;font-weight: normal;line-height: 32px;height: 32px;overflow: hidden;font-size: 20px;color: #999999;}
.website13cons{position: absolute;top: 0;left:0;padding: 20px;width: 100%;height: 100%;background: url(../img/pics/website_bg6.png) left 20px bottom 20px no-repeat #f67524;color: #fff;opacity: 0;transition: all 0.6s;}
.website13cons h2{font-weight: normal;line-height: 50px;height: 50px;overflow: hidden;font-size: 20px;}
.website13cons p{line-height: 24px;height: 72px;overflow: hidden;color: #ffdac2;font-size: 16px;}
.website13 li:hover .website13cons{opacity: 1;}
.website14{padding: 100px 10%;}
.website14 h1{text-align: center;font-size: 48px;font-weight: normal;line-height: 54px;color: #010101;}
.website14 p{margin: 35px 0 60px;font-size: 18px;text-align: center;line-height: 36px;color: #666666;}
.website14 img{display: block;margin: 0  auto;}
.website15{padding: 100px 10%;background-color: #f5f5f5;}
.website15 h1{height: 76px;line-height: 76px;text-align: center;font-size: 36px;font-weight: normal;color: #000;}
.website15 ul{margin-top: 40px;}
.website15 li{position: relative;float: left;width: 32%;margin-right:2%;transition: all 0.5s;background-color: #fff;}
.website15 li:last-child{margin: 0;}
.website15 dt a{display: block;width: 100%;overflow: hidden;}
.website15 dt img{display: block;width: 100%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.website15 dd a{display: block;width: 100%;padding:20px;text-align:center;font-weight: normal;font-size: 20px;line-height: 36px;height: 108px;color: #000;}
.website15 dd a span{display: block;line-height: 32px;height: 32px;overflow: hidden;font-size: 16px;color: #666666;}
.website15 li::before{content: "";display: block;position: absolute;left: 0%;right: 0%;bottom: 0px;height: 2px;opacity: 1;background-color: #dcdcdc;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.website15 li::after {content: "";display: block;position: absolute;left: 0%;right: 100%;bottom: 0px;height: 2px;opacity: 0;background-color: #f67524;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.website15 li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1);box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
.website15 li:hover::after {left: 0%;right: 0%;opacity: 1;}
.website15 li:hover dt img{transform: scale(1.02);}
.website16{padding: 60px 10%;background: url(../img/pics/website_bg7.jpg) no-repeat center center;background-size: cover;}
.website16 h1{margin-bottom: 45px;text-align: center;font-size: 48px;line-height: 54px;font-weight: normal;color: #fff;}
.website16 h1 span{display: block;margin-top: 10px;font-size: 18px;line-height: 36px;text-align: center}
.website16L{float: left;width: 49%;}
.website16R{float: right;width: 49%;}
.website16 input{display: block;margin-bottom: 20px;padding: 0 3%;width: 100%;height: 72px;border: none;outline: none;font-size: 18px;font-family: "微软雅黑";background: #fff;color: #666;}
.website16 textarea{margin-bottom: 16px;padding: 22px 3%;border: none;outline: none;width: 100%;font-size: 18px;font-family: "微软雅黑";line-height: 26px;height: 256px;resize: none;background: #fff;color: #666;}
.website16R input{text-align: center;cursor: pointer;background: #f67524;color: #fff;transition: all 0.3s;}
.website16R input:hover{opacity: 0.8}
/*====企业&品牌官网====*/
.website21{padding: 100px 10%;background: url(../img/pics/website2_bg1.jpg) no-repeat center center;background-size: cover;}
.website21 h1{margin-bottom: 80px;text-align: center;font-size: 48px;color: #fff;font-weight: normal;line-height: 54px;}
.website21 img{display: block;margin: 0 auto;}
.website22{padding: 100px 10%;background: url(../img/pics/website2_bg2.jpg) no-repeat center center;background-size: cover;}
.website22 h1{text-align: center;font-size: 48px;color: #010101;font-weight: normal;line-height: 54px;}
.website22>p{color: #666666;font-size: 18px;line-height: 36px;margin-top: 35px;margin-bottom: 60px;text-align: center;}
.website22 li::before {content: "";width: 100%;height: 3px;position: absolute;top: 0;left: 0;background-color: #f98168;}
.website22 li:nth-child(2)::before{background-color: #71c5ca;}
.website22 li:nth-child(3)::before{background-color: #71a4db;}
.website22 li:nth-child(4)::before{background-color: #64bd9d;}
.website22 li:nth-child(5)::before{background-color: #f3913a;}
.website22 li{position: relative;float: left;display: table;margin-right: 10px;width: calc(20% - 10px);height: 300px;background-color: #fff;cursor: pointer;}
.website22 li:last-child{margin-right: 0;}
.website22txts{display: table-cell;vertical-align: middle;text-align: center;}
.website22txts h2{margin-top: 30px;text-align: center;font-size: 18px;line-height: 30px;color: #000;}
.website22conts{padding-top: 60px;z-index:9;position: absolute;top: 0;left: 0;width:100%;height: 100%;overflow:hidden;background-color: #f98168;transition: all 0.3s;opacity: 0;}
.website22 li:nth-child(2) .website22conts{background-color: #71c5ca;}
.website22 li:nth-child(3) .website22conts{background-color: #71a4db;}
.website22 li:nth-child(4) .website22conts{background-color: #64bd9d;}
.website22 li:nth-child(5) .website22conts{background-color: #f3913a;}
.website22contsL{float: left;width: 160px;}
.website22contsL img{display: block;margin: 0 auto;}
.website22contsR{float: left;width: calc(100% - 160px);padding: 0 10px 0 0;}
.website22conts h3{margin-bottom: 20px;font-size: 18px;color: #fff;}
.website22conts p{line-height: 25px;font-size: 14px;color: #fff;}
.website22 li:last-child .website22conts{position: absolute;top: 0;left: auto;right: 0;}
.website22 li:hover .website22conts{width: calc(200% + 10px);opacity: 1}
.website23{padding: 100px 10%;background: url(../img/pics/website_bg5.jpg) no-repeat center center;background-size: cover;}
.website23 h1{text-align: center;font-size: 48px;line-height: 54px;font-weight: normal;color: #fff;}
.website23>p{margin: 35px 0 60px;font-size: 18px;line-height: 30px;text-align: center;color: #ccc;}
.website23 li{float: left;display: table;padding: 0 20px;width:33%;height: 260px;border:1px solid #3a3a3a;background: url(../img/pics/website2_icon1.png) no-repeat left 20px center;transition: all .3s;}
.website23 li:nth-child(2){background: url(../img/pics/website2_icon2.png) no-repeat left 20px center;}
.website23 li:nth-child(3){background: url(../img/pics/website2_icon3.png) no-repeat left 20px center;}
.website23 li:nth-child(4){background: url(../img/pics/website2_icon4.png) no-repeat left 20px center;}
.website23 li:nth-child(5){background: url(../img/pics/website2_icon5.png) no-repeat left 20px center;}
.website23 li:nth-child(6){background: url(../img/pics/website2_icon6.png) no-repeat left 20px center;}
.website23conts{padding-left: 120px;display: table-cell;vertical-align: middle;}
.website23conts h3{font-weight: normal;line-height: 30px;height: 30px;font-size: 20px;color: #fff;}
.website23conts p{margin-top: 15px;line-height: 24px;font-size: 16px;color: #999;}
.website23 li:hover{background-color: #f67524;background-image: url(../img/pics/website2_icon1_on.png)}
.website23 li:nth-child(2):hover{background-image: url(../img/pics/website2_icon2_on.png)}
.website23 li:nth-child(3):hover{background-image: url(../img/pics/website2_icon3_on.png)}
.website23 li:nth-child(4):hover{background-image: url(../img/pics/website2_icon4_on.png)}
.website23 li:nth-child(5):hover{background-image: url(../img/pics/website2_icon5_on.png)}
.website23 li:nth-child(6):hover{background-image: url(../img/pics/website2_icon6_on.png)}
.website23 li:hover .website23conts p{color: #fff;}
/*====电商/门户网站建设====*/
@media only screen and (max-width: 1440px ) {
	.main6 li{float: left;margin: 40px 0 0 2%;}
	.main6 li.main6dz{width: 200px;}
	.main6 p,.main6 a{line-height: 25px;font-size: 14px;color: #252525;}
}
@media only screen and (max-width: 1240px ) {
	.main-us{width:100%;margin: 0 auto;}
	.main-us a{display: block;margin-bottom: 20px;font-size: 50px;text-align: center;color: #000;}
	.main-us p{font-size: 16px;line-height: 35px;text-align: center;color: #4c4c4c;}
	.main-usys{width:100%;margin: 20px auto;}
	.main-usys li{float: left;width: 25%;text-align: center;}
	.main-usys h2{font-size: 14px;color: #333;}
	.main-usys h2 span{font-size: 45px;color: #d50404;}
	.main-usys p{font-size: 16px;color: #333;}
	.main1 ul{margin: 30px 0 30px 25%;}
	
	.main4{padding: 80px 0 80px 10%;background-color: #f5f5f5;}
	.main4L{position: absolute;top:50%;left:0;margin-top:-210px;width: 500px;height: 420px;z-index: 6;}
	.main4L{width: 320px;height: 270px;position: absolute;margin-top:-135px;}
	.main4L .swiper-container{width: 100%;height: 100%;}
	.main4L li{position: relative;}
	.main4L li a{display: block;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
	.main4Lcont{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;line-height: 50px;background-color: rgba(0,0,0,.6)}
	.main4Lcont a{font-size: 16px;font-weight:bold;color: #fff;}
	.main4Lb{position: absolute;right: 5%;bottom: 0;z-index:3;width: 10%;height: 50px;}
	.main4Lb .swiper-button-prev,.main4Lb .swiper-button-next{position: static;float:left;width: 50%;height: 100%;margin: 0;background: url(../img/newsL.png) no-repeat center center;}
	.main4Lb .swiper-button-next{transform: rotate(180deg);}
	
	.main4R{margin-top: 3%;padding: 30px 10% 30px 80px;width: calc(100% - 280px);background-color: #fff;float: right;}
	.main4Rcont{margin: 30px 0;}
	.main4Rcont time{font-size: 16px;color: #666;}
	.main4Rcont>a{padding: 10px 0;font-size: 24px;font-weight: bold;color: #333;}
	.main4Rcont p{font-size: 14px;line-height: 25px;color: #666;height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.main4Rcont ul{float: none;width: 100%;margin-bottom: 20px;}
	.main4Rcont li{margin: 10px 0;}
	.main4Rcont li h4{font-size: 18px;color: #151515;}
	.main4Rcont li a{font-size: 14px;color: #666;}
	.main4Ra a{font-size: 16px;color: #232323;}
	/*========新闻===========*/
	.main5{display: table;padding:40px 0 20px;margin:80px auto 0;background-color: #c80000;}
	.main51{display: table-cell;vertical-align: middle;width: 15%;}
	.main51 img{display: block;width: 100%;}
	.main52{float: left;padding-left: 13%;width: 88%;color: #fff;}
	.main52 h1{font-size: 40px;font-weight: bold;}
	.main52 h1 span{display: block;font-size: 20px;font-weight: normal;}
	.main52s{margin-top: 20px;}
	.main52s1{float: left;}
	.main52s1 p{font-size: 20px;}
	.main52s1 p span{display: block;font-size: 14px;}
	.main52s1 p.main52p1{margin-top: 20px;font-size: 18px;}
	.main52s1 p.main52p2{margin-top: 30px;font-size: 16px;background: url(../img/main5p.png) no-repeat left 80px bottom 5px;}
	.main52s2{float: left;margin-left: 10px;}
	.main52s2 img{float: left;}
	.main52s2 a{float: left;display: block;margin:17px 5px;width: 80px;line-height: 30px;text-align: center;font-size: 14px;border-radius:5px;color: #c80000;background-color: #fff;}
	.main53{float: left;width: 12%;}
	/*======================二级页面=========================*/
	.ejbanner{height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
	.ejbanner p{position: absolute;bottom: 20%;left: 10%;color: #fff;font-size: 20px}
	.casefilter{width: 90%;margin: 50px auto;}
	.casecont dl {float: left;margin:10px;width: calc(50% - 20px);}
	/*========客户案例===========*/
	.service dt{float: left;width: 45%;height: 400px;}
	.service dd h2{font-size: 30px;color: #333;}
	.service dd h2 span{display: block;margin-top: 15px;font-size: 20px;color: #4c4c4c;}
	.service ul{margin: 40px 0;}
	.service dd>a{margin:10px 10px 0 0;width: 100px;line-height: 40px;}
	.service dd>a:last-child{background: none;color: #262525;}	
	.service dl:nth-child(2n) a{float: right;margin: 10px 0 0 10px;}
	/*========服务===========*/
	.keyword1 li{float: left;width: 50%;padding:60px 2.5% 0;text-align: center;background-color: #f2f2f2;color: #333;}
	.keyword1 li:nth-child(2n){background-color: #f2f2f2;}
	.keyword1 li:nth-child(2),.keyword1 li:nth-child(3){background-color: #fafafa;}
	
	.keyword2{position: relative;background-color: #fff;padding:80px ;}
	.keyword2 ul{width: calc(100% - 30px);}
	.keyword2 li{width:50%;}
	/*========关键词优化===========*/
	.keyword3cont{position: relative;float: left;width: 150px;text-align: center;line-height: 150px;}
	.keyword3contbg{position: absolute;top: 0;left: 0;width:100%;height:100%;background: url(../img/keywordsbzbg.png) no-repeat center center;background-size: contain;}
	.keyword3cont:hover .keyword3contbg{-webkit-animation:myRotate .5s linear 1;animation:myRotate .5s linear 1;}
	.keyword3cont:hover p{color: #ca0118}
	.keyword3next{float: left;width: calc(33.33% - 200px);height: 150px;}
	.keyword3next img{display: block;margin: 65px auto;height: 20px;}
	
	.keyword4cont{padding: 0;}
	/*========关键词优化===========*/
	
	.about-time{margin: 30px 0 100px;text-align: center;font-size: 30px;font-family: arial;color: #050505;}
	.about1cont{float: none;width: 100%;}
	.about1 ul{float: left;margin: 0 15px;width: calc(33.33% - 30px);}
	.about1 li{margin: 2px 0;}
	
	.about3 dt{position: relative;width: 100%;height: 260px;}
	.about3 dt h3{font-size: 24px}
	.about5s{width:95%}
	.about5s h2 span{font-size: 60px;}
	/*========关于我们===========*/
	.contact1 h2{margin: 30px 0 20px 10px;font-size: 35px;color: #404040;}
	.contact1 li{float: left;display: table;margin:10px;width: calc(33.33% - 20px);height: 220px;background-color: #f2f2f2;}
	.contact1s{display: table-cell;vertical-align: middle;padding: 0 10%;}
	.contact1s i{font-size: 35px;color: #000;}
	.contact1s p{font-size: 16px;color: #333;line-height: 25px;}
	.contact1s span{display: block;margin: 25px 0 15px;font-size: 20px;font-weight: bold;font-family: arial;color: #404040;}
	
	.contact2 h3{padding: 40px 0;text-align: center;font-size: 30px;color: #333;}
	.contact2 form{width: 600px;margin: 0 auto;}
	.contact2 input,.contact2 select{float: left;margin: 0 10px 20px 10px;width: calc(50% - 20px);height: 60px;border:1px solid #d9d9d9;padding: 0 10px;font-size: 15px;color: #333;}
	.contact2 textarea{display: block;margin: 10px auto 0;padding:20px 10px;width: calc(100% - 20px);height: 200px;resize: none;border:1px solid #d9d9d9;font-size: 15px;color: #333;}
	.contact2 input.contact-sub{float: none;display: block;margin: 40px auto;width: 230px;padding: 0;background-color: #c80000;color: #fff;}
	/*========联系我们===========*/
	.wan1 p{width: 100%;}
	.wan2s{width: calc(50% - 20px);}
	.wan2s p{height: 75px;}
	.wan4 dl{float: left;margin:10px;width: calc(50% - 20px);}
	/*========万词霸屏===========*/
	.advantage{padding: 50px 0;width: 100%;color: #333;}
	.advantagemain{margin: 0 auto;width: 90%;}
	.advantagecont{float: left;margin-top: 0;width: 50%;}
	.advantage3 .advantagecont{margin-top: 0;}
	.advantageimg{float: right;width: 40%;}
	.advantage h3{padding:0 0 50px 0;font-size: 30px;background: url(../img/serviceT.png) no-repeat  left bottom;}
	
	/*========我们的优势===========*/
	.news{width: 80%;margin: 80px auto;}
	.newscont li{float: none;width: 100%;margin:40px 0;border-bottom: 1px dashed #999;}
	/*========新闻中心===========*/
	.package{display: none;}
	.packages{display: block;background-color: #F4F4F4;}
	.packages img{display: block;margin: 0 auto;}
	/*========云模板套餐===========*/
	.website11{padding: 50px 10%;}
	.website11 h1{margin-bottom: 40px;text-align: center;font-size: 36px;line-height: 54px;font-weight:normal;color: #010101;}
	.website11 li{float: left;width: 25%;text-align: center;}
	.website11 li .website11img{width:130px;margin: 0 auto;}
	.website11 li .website11img img{display:block;width: 100%;transition: all 0.6s;}
	.website11 h2{margin-top: 20px;line-height: 32px;height: 64px;overflow: hidden;font-size: 18px;color: #000000;}
	.website11 li:hover .website11img img{transform: rotateY(-180deg);
	    -ms-transform: rotateY(180deg);
	    -moz-transform: rotateY(-180deg);
	    -webkit-transform: rotateY(-180deg);
	    -o-transform: rotateY(-180deg);}
	.website12{padding: 50px 10%;background: url(../img/pics/website_bg3.jpg) no-repeat center center;background-size: cover;}
	.website12 h1{font-weight: normal;margin-bottom: 2%;padding-bottom: 2%;font-family: "华文细黑";background: url(../img/pics/website_bg4.jpg) no-repeat left bottom;font-size: 36px;color: #000;}
	.website12 p{width: 582px;font-family: "华文细黑";font-size: 24px;line-height: 36px;color: #666666;}
	.website12 a{clear: both;display: block;margin: 40px 0 100px;width: 210px;line-height: 48px;border-radius: 30px;background: url(../img/pics/website_bg2.png) no-repeat 140px center #f67524;text-indent: 50px;font-size: 16px;color: #fff;transition: all 0.3s;}
	.website12 a:hover{opacity: 0.8;background-position: 143px center;}
	.website13{padding: 50px 10%;background: url(../img/pics/website_bg5.jpg) no-repeat center center;background-size: cover;}
	.website13 h1{margin-bottom: 30px;text-align: center;font-size: 36px;line-height: 54px;font-weight: normal;color: #fff;}
	.website13 li{position: relative;float: left;display: table;width: 50%;height: 190px;border:1px solid #3a3a3a;}
	.website13txts{display: table-cell;vertical-align:middle;text-align: center;width: 100%;}
	.website13txts h2{margin-top: 30px;font-weight: normal;line-height: 32px;height: 32px;overflow: hidden;font-size: 20px;color: #999999;}
	.website13cons{position: absolute;top: 0;left:0;padding: 20px;width: 100%;height: 100%;background: url(../img/pics/website_bg6.png) left 20px bottom 20px no-repeat #f67524;color: #fff;opacity: 0;transition: all 0.6s;}
	.website13cons h2{font-weight: normal;line-height: 50px;height: 50px;overflow: hidden;font-size: 20px;}
	.website13cons p{line-height: 24px;height: 72px;overflow: hidden;color: #ffdac2;font-size: 16px;}
	.website13 li:hover .website13cons{opacity: 1;}
	.website14{padding: 50px 10%;}
	.website14 h1{text-align: center;font-size: 36px;font-weight: normal;line-height: 42px;color: #010101;}
	.website14 p{margin: 20px 0 40px;font-size: 18px;text-align: center;line-height: 28px;color: #666666;}
	.website14 img{display: block;margin: 0  auto;}
	.website15{padding: 50px 10%;background-color: #f5f5f5;}
	.website15 h1{height: 48px;line-height: 48px;text-align: center;font-size: 36px;font-weight: normal;color: #000;}
	.website15 ul{margin-top: 30px;}
	.website15 li{position: relative;float: left;width: 32%;margin-right:2%;transition: all 0.5s;background-color: #fff;}
	.website15 li:last-child{margin: 0;}
	.website15 dt a{display: block;width: 100%;overflow: hidden;}
	.website15 dt img{display: block;width: 100%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
	.website15 dd a{display: block;width: 100%;padding:10px;text-align:center;font-weight: normal;font-size: 20px;line-height: 30px;height: 105px;color: #000;}
	.website15 dd a span{display: block;line-height: 25px;height: 25px;overflow: hidden;font-size: 16px;color: #666666;}
	.website15 li::before{content: "";display: block;position: absolute;left: 0%;right: 0%;bottom: 0px;height: 2px;opacity: 1;background-color: #dcdcdc;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
	.website15 li::after {content: "";display: block;position: absolute;left: 0%;right: 100%;bottom: 0px;height: 2px;opacity: 0;background-color: #f67524;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
	.website15 li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1);box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
	.website15 li:hover::after {left: 0%;right: 0%;opacity: 1;}
	.website15 li:hover dt img{transform: scale(1.02);}
	.website16{padding: 50px 10%;background: url(../img/pics/website_bg7.jpg) no-repeat center center;background-size: cover;}
	.website16 h1{margin-bottom: 25px;text-align: center;font-size: 36px;line-height: 46px;font-weight: normal;color: #fff;}
	.website16 h1 span{display: block;margin-top: 10px;font-size: 18px;line-height: 30px;text-align: center}
	.website16L{float: left;width: 49%;}
	.website16R{float: right;width: 49%;}
	.website16 input{display: block;margin-bottom: 20px;padding: 0 3%;width: 100%;height: 50px;border: none;outline: none;font-size: 18px;font-family: "微软雅黑";background: #fff;color: #666;}
	.website16 textarea{margin-bottom: 16px;padding: 20px 3%;border: none;outline: none;width: 100%;font-size: 18px;font-family: "微软雅黑";line-height: 26px;height: 190px;resize: none;background: #fff;color: #666;}
	.website16R input{text-align: center;cursor: pointer;background: #f67524;color: #fff;transition: all 0.3s;}
	.website16R input:hover{opacity: 0.8}
	/*====企业&品牌官网====*/
	.website21{padding: 50px 10%;background: url(../img/pics/website2_bg1.jpg) no-repeat center center;background-size: cover;}
	.website21 h1{margin-bottom: 40px;text-align: center;font-size: 36px;color: #fff;font-weight: normal;line-height: 54px;}
	.website21 img{display: block;margin: 0 auto;}
	.website22{padding: 50px 10%;background: url(../img/pics/website2_bg2.jpg) no-repeat center center;background-size: cover;}
	.website22 h1{text-align: center;font-size: 36px;color: #010101;font-weight: normal;line-height: 54px;}
	.website22>p{color: #666666;font-size: 18px;line-height: 36px;margin-top: 25px;margin-bottom: 30px;text-align: center;}
	.website22 li::before {content: "";width: 100%;height: 3px;position: absolute;top: 0;left: 0;background-color: #f98168;}
	.website22 li:nth-child(2)::before{background-color: #71c5ca;}
	.website22 li:nth-child(3)::before{background-color: #71a4db;}
	.website22 li:nth-child(4)::before{background-color: #64bd9d;}
	.website22 li:nth-child(5)::before{background-color: #f3913a;}
	.website22 li{position: relative;float: left;display: table;margin-right: 5px;width: calc(20% - 5px);height: 320px;background-color: #fff;cursor: pointer;}
	.website22 li:last-child{margin-right: 0;}
	.website22txts{display: table-cell;vertical-align: middle;text-align: center;}
	.website22txts h2{margin-top: 30px;text-align: center;font-size: 18px;line-height: 30px;color: #000;}
	.website22conts{padding-top: 30px;z-index:9;position: absolute;top: 0;left: 0;width:100%;height: 100%;overflow:hidden;background-color: #f98168;transition: all 0.3s;opacity: 0;}
	.website22 li:nth-child(2) .website22conts{background-color: #71c5ca;}
	.website22 li:nth-child(3) .website22conts{background-color: #71a4db;}
	.website22 li:nth-child(4) .website22conts{background-color: #64bd9d;}
	.website22 li:nth-child(5) .website22conts{background-color: #f3913a;}
	.website22contsL{float: left;width: 160px;}
	.website22contsL img{display: block;margin: 40px auto 0;}
	.website22contsR{float: left;width: calc(100% - 160px);padding: 0 10px 0 0;}
	.website22conts h3{margin-bottom: 20px;font-size: 18px;color: #fff;}
	.website22conts p{line-height: 25px;font-size: 14px;color: #fff;}
	.website22 li:last-child .website22conts{position: absolute;top: 0;left: auto;right: 0;}
	.website22 li:hover .website22conts{width: calc(200% + 10px);opacity: 1}
	.website23{padding: 50px 10%;background: url(../img/pics/website_bg5.jpg) no-repeat center center;background-size: cover;}
	.website23 h1{text-align: center;font-size: 36px;line-height: 54px;font-weight: normal;color: #fff;}
	.website23>p{margin: 35px 0 60px;font-size: 18px;line-height: 30px;text-align: center;color: #ccc;}
	.website23 li{float: left;display: table;padding: 0 10px;width:33%;height: 260px;border:1px solid #3a3a3a;background: url(../img/pics/website2_icon1.png) no-repeat left 10px center;transition: all .3s;}
	.website23 li:nth-child(2){background: url(../img/pics/website2_icon2.png) no-repeat left 10px center;}
	.website23 li:nth-child(3){background: url(../img/pics/website2_icon3.png) no-repeat left 10px center;}
	.website23 li:nth-child(4){background: url(../img/pics/website2_icon4.png) no-repeat left 10px center;}
	.website23 li:nth-child(5){background: url(../img/pics/website2_icon5.png) no-repeat left 10px center;}
	.website23 li:nth-child(6){background: url(../img/pics/website2_icon6.png) no-repeat left 10px center;}
	.website23conts{padding-left: 110px;display: table-cell;vertical-align: middle;}
	.website23conts h3{font-weight: normal;line-height: 30px;height: 30px;font-size: 20px;color: #fff;}
	.website23conts p{margin-top: 10px;line-height: 24px;font-size: 16px;color: #999;}
	.website23 li:hover{background-color: #f67524;background-image: url(../img/pics/website2_icon1_on.png)}
	.website23 li:nth-child(2):hover{background-image: url(../img/pics/website2_icon2_on.png)}
	.website23 li:nth-child(3):hover{background-image: url(../img/pics/website2_icon3_on.png)}
	.website23 li:nth-child(4):hover{background-image: url(../img/pics/website2_icon4_on.png)}
	.website23 li:nth-child(5):hover{background-image: url(../img/pics/website2_icon5_on.png)}
	.website23 li:nth-child(6):hover{background-image: url(../img/pics/website2_icon6_on.png)}
	.website23 li:hover .website23conts p{color: #fff;}
	/*====电商/门户网站建设====*/
}
@media only screen and (max-width: 640px ) {
	.indexB{display: block;}
	.indexR{position: fixed;top: 50%;right: 5px;margin-top: -80px;width: 50px;height: 160px;z-index: 1999;}
	.indexR a{display: block;margin: 3px 0;width: 48px;height: 48px;border-radius: 24px 24px; background-color: rgba(0,0,0,.6);display: inline-block;background-repeat: no-repeat;background-position: center center;vertical-align: middle;overflow: hidden;line-height: 48px;
	-webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
	-moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
	-ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
	-o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
	transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
	.indexR span{margin-left: 50px;font-size: 18px;color: #fff;}
	.indexRtel{background-image: url(../img/indexr1.png);}
	.indexRQQ{background-image: url(../img/indexr2.png);}
	.indexRsq{background-image: url(../img/indexr3.png);}
	.indexR a:hover{background-color:#000}
	header{padding: 0 5%;width: 100%;position: fixed;top: 0;left: 0;height: 59px;z-index: 999;}
	.indexR a.indexRtel:hover{width: 192px;margin-left: -144px;background-position: 15px center;}
	header{width: 100%;height:70px;position: absolute;top: 0;left: 0;z-index: 2;}
	.headerline{display:none;opacity: 0;}
	.logo{display: none;}
	.logos{display: block;float: right;position: static;margin-right: 3%;width: 50px;z-index: 3;background-color: #fff;}
	.logos img{display: block;margin: 0 auto;}
	nav{position: fixed;top: 0;right: 0;margin: 0;padding: 0;width:100%;height: 0;overflow: scroll;background-color: rgba(0,0,0,.6);
	-webkit-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    -moz-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    -ms-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    -o-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    transition: background 0.35s linear,height 0.25s ease-in 200ms;
}
	nav ul{padding: 50px 50px 20px;}
	.nav1{height: 100%;background-color: rgba(0,0,0,1);}
	nav li{float: none;display: block;border-bottom: 1px solid #333;
	-webkit-transform: scale(1.1) translateY(-24px);
    -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    -o-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;}
	nav>ul>li:nth-child(2){transition-delay: 300ms,300ms;}
	nav>ul>li:nth-child(3){transition-delay: 350ms,350ms;}
	nav>ul>li:nth-child(4){transition-delay: 400ms,400ms;}
	nav>ul>li:nth-child(5){transition-delay: 450ms,450ms;}
	nav>ul>li:nth-child(6){transition-delay: 500ms,500ms;}
	nav>ul>li:nth-child(7){transition-delay: 550ms,550ms;}
	nav>ul>li:nth-child(8){transition-delay: 600ms,600ms;}
	nav>ul>li:nth-child(9){transition-delay: 650ms,650ms;}

	.nav1 li{-webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none}
	.navsubmenu{display: none;}
    /*position: static;left: 0;
    width: 140px;
    margin:0 auto;
    background: #f40417;
    border-radius: 8px 8px 4px 4px;
    text-align: center;
    padding: 6px 0;
    z-index: 999;}
	.navsubmenu li{float: none;border-bottom: none;padding-top:8px;}
	.navsubmenu a{text-align: center;font-size: 14px;margin: 0;border: none;}
	.navsubmenu:after{content: "";
    display: block;width: 10px;
    height: 10px;
    background: #f40417;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -5px;
    }*/
	.navline{display: none;border-bottom:none;}
	nav a {position: static;display: block;margin: 0;padding: 0;width: 100%;text-align: left;outline: none;font-size: 16px;height: 47px;line-height: 47px;color: #fff;}
	nav a.navtel{width: 100%;}
	nav a.navtel img{float: left;margin: 15px 5px 0 0;}
	.nav-btn{position: fixed;top:0;left:0;display: block;float: right;width: 50px;height:50px;background:url(../img/daohang.png) no-repeat center center rgba(0,0,0,.5);background-size: auto;z-index: 1111;}
	.nav-btn1{background: none;background:url(../img/cuo.png) no-repeat center center #000;background-size: auto;}
	/*========header nav===========*/
	.banner{position: relative;height:170px;}
	.banner li{display: block;height: 170px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
	.bannercont{position: absolute;left: 3%;bottom: 20%;z-index: 2;width: 0;overflow: hidden;}
	.bannercont h2{color: #fff;font-size: 18px;white-space:nowrap;}
	.bannercont img{display: none;margin: 10px 0;}
	.bannercont p{display: none;width: 300px;font-size: 14px;line-height: 25px;color: #fff;}
	.bannerB{display: none;position: absolute;left:5%;bottom:0;width: 90%;height:60px;background-color: #fff;z-index: 1;}
	.bannerBl{float: left;margin-left:5%;}
	.bannerBl-btn{float: left;margin:15px 10px 0;width: 10px;}
	.bannerBl-btn div{position: static;margin:0;width: 10px;height:30px;background: none;background: url(../img/bannerL.png) no-repeat center center;
	transition: width .3s;
	-moz-transition: width .3s; /* Firefox 4 */
	-webkit-transition: width .3s; /* Safari 和 Chrome */
	-o-transition: width .3s;
	}
	.bannerBl-btn div:hover{width: 10px;background: url(../img/bannerL.png) no-repeat center center;}
	.bannerBl .swiper-button-prev{float: right;}
	.bannerBl .swiper-button-next{transform: rotate(180deg);}
	@keyframes shaking{
	 	25% {
			top:50%;
			opacity: 0.5;
		}
		50% {
			top:40%;
			opacity: 1;
		}
		75% {
			top:30%;
			opacity: 0.5;
		}
		100% {
			top:40%;
			opacity: 1;
		}
	}
	.bannerBc{position: absolute;top: 40%;left: 30%;margin:-13px 0 -20px 0;width: 26px;height:40px;background: url(../img/bannerC.png) no-repeat center center;animation: shaking 2s linear infinite;}
	
	.bannerBr{float: right;padding-top:20px;margin-right: 5%;}
	.bannerBr p{font-size: 16px;font-weight: bold;color: #1a1a1a;}
	.bannerBr p img{margin-right: 10px;}
	/*========banner===========*/
	.main{width: 95%;margin: 30px auto;}
	.main-ushide{display: none;}
	.main-us{display: none;width:100%;margin: 0 auto;}
	.main-us a{display: block;margin-bottom: 15px;font-size: 30px;text-align: center;color: #000;}
	.main-us p{font-size: 16px;line-height: 30px;text-align: center;color: #4c4c4c;}
	.main-usys{width: 100%;margin: 15px auto;}
	.main-usys li{float: left;margin:10px;width: calc(50% - 20px);text-align: center;}
	.main-usys h2{font-size: 14px;color: #333;}
	.main-usys h2 span{font-size: 35px;color: #d50404;}
	.main-usys p{font-size: 16px;color: #333;}
	/*========关于我们===========*/
	.main1bg{background-color: #f5f5f5;}
	.main1bg .main{margin: 0 auto;}
	.main1 dl{float: left;padding: 10px 0;width: 50%;}
	.main1 dl img{display: block;height: 50px;margin: 0 auto;filter:grayscale(0%);opacity: 1;}
	.main1 ul{display: none;margin: 10px 0 10px 25%;font-size: 15px;color: #666;line-height: 35px;}
	.main1 a.main1a-h{font-size: 14px;color: #333;text-align:center;padding: 10px 0 15px;background: url(../img/main1hbg.png) no-repeat bottom center;}
	.main1 li{list-style: square;}
	.main1 a.main1a-btn{display: none;margin:0 auto;width: 120px;line-height: 30px;text-align: center;font-size: 14px;background-color: #c70505;color: #fff}
	.main1 dl:hover{background-color: #f5f5f5;}
	.main1 dl:hover img{filter:none;opacity: 1;}
	/*========关于我们-四大板块===========*/
	.main2 img{width: 160px;}
	.main21 a{height: 200px;}
	.main21{position: relative;margin: 20px 0 0;}
	.main21 li p{position: absolute;bottom: 40px;right: 5px;font-size: 14px;color: #fff;}
	.main21B{position: absolute;bottom: 5%;left: 5%;z-index: 2;}
	.main21Bl{float: left;}
	.main21Bl .swiper-button-prev,.main21Bl .swiper-button-next{position: static;float: left;margin: 0 2px;width: 30px;height: 30px;background: url(../img/bannerL.png) no-repeat center center #fff}
	.main21Bl .swiper-button-prev:hover,.main21Bl .swiper-button-next:hover{border-radius: 50%;}
	.main21Bl .swiper-button-next{transform: rotate(180deg);}
	.main21Bc{float: left;margin: 0 10px;line-height: 30px;color: #fff;}
	.main21Br{float: left;}
	.main21Br .swiper-pagination{position: static}
	.main21Br .swiper-pagination-bullet{margin-bottom: 1px;width: 20px;height: 2px;border-radius: 0;opacity:1;background-color: #fff;}
	.main21Br .swiper-pagination-bullet-active{margin-bottom:0;height: 4px;margin-top: 0;background-color: #d50404}
	/*========作品T===========*/
	/*========作品T===========*/
	.main3bg{background-color: #f5f5f5;}
	.main3{width: 95%;margin: 0 auto;}
	.main3>div{float: none;height: 100%;}
	.main31{display: none;width: 100%;}

	.main3>div.main32{display: none;width: 100%;height: 300px;}
	.main321,.main322{display: none;width: 100%;height: 50%;}
	.main33{display: none;}
	.main34{width:100%;}
	.main3logos img{width: 60px;}
	
	.main3more{display: block;width: 100%;height:100%;background-color: #c80000;padding: 10px 0;}
	.main3moreC{display: block;}
	.main3moreC h4{font-size: 18px;font-weight: bold;text-align: center;color: #fff;}
	.main3mores{position: relative;width: 30px;margin: 0 auto;}
	.main3moress{position: absolute;top: 0;right: 0;width: 14px;}
	.main3more:hover{background-color: #d33333;}
	.main3more:hover .main3moress{  -webkit-animation:myRotate 6s linear infinite;animation:myRotate 6s linear infinite;}
	/*========作品B===========*/
	.main4{position: static;padding: 30px 0;background-color: #f5f5f5;}
	.main4>img{width: 160px;margin-bottom: 20px;}
	.main4L{display: none;width: 100%;height: 500px;position: relative;margin-top: 20px;}
	.main4R{margin-top: 10px;padding: 10px 2.5%;width: 100%;background-color: #fff;float: none;}
	.main4Rcont{margin: 20px 0;}
	.main4Rcont time{font-size: 16px;color: #666;}
	.main4Rcont>a{padding: 5px 0;font-size: 20px;font-weight: bold;color: #333;}
	.main4Rcont ul{display: none;}
	/*========新闻===========*/
	.main5{display: block;padding:30px 10px;margin:30px auto 0;background-color: #c80000;}
	.main51,.main52s,.main53{display: none;}
	.main52{float: none;padding: 0;width: 100%;color: #fff;}
	.main52 h1{font-size: 20px;font-weight: bold;text-align: center;}
	.main52 h1 span{display: block;margin-top: 10px;font-size: 16px;font-weight: normal;}
	.main6{margin-bottom: 40px;}
	.main6 li{float: none;margin: 10px 0 0 0 ;}
	.main6 li:nth-child(2),.main6 li.main6dz{display: none;}
	.main6 p,.main6 a{line-height: 25px;font-size: 14px;color: #252525;}
	/*======================二级页面=========================*/
	.ejbanner{height: 140px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
	.ejbanner p{position: absolute;bottom: 20%;left: 2.5%;width:95%;color: #fff;font-size: 16px}
	
	.casefilter{display: none;width: 95%;margin: 20px auto;}
	.casefilters{padding: 10px 0;border-bottom: 1px solid #f5f5f5;}
	.casefilters h4{float: left;width: 70px;font-size: 16px;line-height: 30px;font-weight:bold;color: #333;}
	.casefilter-all{float: left;width: 80px;}
	.casefilter-all a{display: block;text-align: center;line-height: 30px;font-size: 16px;color: #333;}
	.casefilters ul{clear: both;margin-left: 70px;width: calc(100% - 70px);}
	.casefilters li{float: left;width: 77px;text-align: center;line-height: 30px;font-size: 14px}
	.casefilters li a{display: block;color: #333;}
	.casefilters li.casefilter-active a,.casefilters li a:hover{color: #e60d11;}
	.casefilter-more{float: left;width: 15px;height:10px;margin-top: 12px;}
	.casefilter-more.casefilter-more1{transform: rotate(180deg);}
	/*=====案例筛选=====*/
	.casecont{width: 95%;margin: 0 auto;}
	.casecont dl {float: left;margin:10px 5px;width: calc(50% - 10px);}
	.casecont dl dt{position: relative;width: 100%;height: 130px;overflow: hidden;border: 1px solid #eee;}
	.casecont dl dd{padding: 5px 5% 0;color: #333;height: 68px;overflow: hidden;}
	.casecont dl dd a{float: none;display: block;margin:3px 0;font-size: 14px;line-height:20px;color: #333;font-family: "Arial";}
.casecont dl dd p{float: none;margin:3px 0;font-size: 12px;line-height:20px;font-style: italic;}
	/*=====案例展示=====*/
	.casemore{display: block;margin: 10px auto;width:160px;font-size: 16px;line-height: 40px;border:none;background-color: #c80000;color: #fff;}
	/*========客户案例===========*/
	.service dl{padding: 20px 2.5%;}
	.service dt{float: none;width: 50%;margin: 0 auto;height: 150px;}
	.serviceimg{position: relative;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
	.service dd img{display: none;}
	.service dd{float: none;width: 100%;padding: 3% 0;}
	.service dd h2{font-size: 24px;text-align: center;color: #333;}
	.service dd h2 span{display: block;margin-top: 10px;font-size: 18px;color: #4c4c4c;}
	.service ul{width: 180px;margin: 10px auto ;}
	.service li{padding: 5px 0 5px 15px;font-size: 16px;text-align:left;line-height: 25px;background: url(../img/serviceli.png) no-repeat left center;color: #4c4c4c;}
	.service li a{font-size: 16px;line-height: 25px;color: #4c4c4c;}
	.service dd>a{display: block;float:none;margin:10px auto 0;width: 220px;text-align: center;line-height: 35px;font-size: 16px;font-weight:600;border:1px solid #b0000d;background-color: none;color: #262525;}
	.service dd>a:last-child{background: #b0000d;color: #fff;}
	.service dd>a:hover{background-color: #b0000d;color: #fff;}
	
	.service dl:nth-child(2n){background-color: #f5f5f5;}
	.service dl:nth-child(2n) dt{float: none;}
	.service dl:nth-child(2n) h2{text-align: center;}
	.service dl:nth-child(2n) li{text-align: left;background: url(../img/serviceli.png) no-repeat left center;}
	.service dl:nth-child(2n) a{float: none;margin: 10px auto 0;}
	/*========我们的服务===========*/
	.keyword{padding:20px 2.5%;background-color: #fff;}
	.keyword:nth-child(2n){background-color: #f2f2f2;}
	h3.h-ys1{margin-bottom: 20px;font-size: 18px;font-weight: bold;text-align:center;color: #333;}
	.keyword1 li{float: left;width: 100%;padding:20px 2%;text-align: center;background-color: #f2f2f2;color: #333;}
	.keyword1 li:nth-child(2n){background-color: #fafafa;}
	.keyword1 li:nth-child(2){background-color: #fafafa;}
	.keyword1 li:nth-child(3){background-color: #f2f2f2;}
	.keyword1 i{display: block;line-height: 50px;font-size: 40px;color: #ca0118;}
	.keyword1 li h3{margin: 15px 0;font-size: 18px;font-weight: bold;}
	.keyword1 p{height: 100%;font-size: 16px;line-height: 25px;}
	/*========关键词优化===========*/
	.keyword2{position: relative;background-color: #fff;padding:20px;}
	.keyword2 ul{width:100%;}
	.keyword2 li{width:100%;}
	.keyword2 img{display: block;margin: 0 auto;width: 98% ;}
	.keyword2 .swiper-button-prev,.keyword2 .swiper-button-next{background-size: auto;margin:0;width: 30px;height: 30px;border-radius: 50%;}
	.keyword2 .swiper-button-prev,.keyword2 .swiper-button-next{width: 30px;height: 30px;border-radius: 50%;margin: 0;background-color:rgba(0,0,0,.7);text-align: center;}
.keyword2 .swiper-button-prev i,.keyword2 .swiper-button-next i{
	font-size: 20px;line-height: 30px;
}
.keyword2 .swiper-button-next{margin: 0;}
	
	.keyword3cont{position: relative;float: left;margin: 10px;width: calc(50% - 20px);text-align: center;line-height: 150px;}
	.keyword3contbg{position: absolute;top: 0;left: 0;width:100%;height:100%;background: url(../img/keywordsbzbg.png) no-repeat center center;background-size: contain;}
	.keyword3cont:hover .keyword3contbg{-webkit-animation:myRotate .5s linear 1;animation:myRotate .5s linear 1;}
	.keyword3cont:hover p{color: #ca0118}
	.keyword3next{display: none;float: left;width: calc(33.33% - 200px);height: 150px;}
	.keyword3next img{display: block;margin: 65px auto;height: 20px;}
	
	.keyword4{position: relative;}
	.keyword4cont{float: left;margin:10px 5px;padding: 0;width: calc(50% - 10px);font-size: 16px;text-align: center;line-height: 25px;color: #333;}
	.keyword4cont i{display: block;line-height: 50px;font-size: 40px;color: #ca0118;}
	.keyword4cont h3{margin:10px 0 0 0;font-size: 18px;font-weight: bold;color: #ca0118;height:50px;overflow: hidden;}
	.keyword4cont p{height: 75px;overflow: hidden;}
	.keyword4cont:hover img{transform: scale(1.2);}
	.keyword4L{position: absolute;left: 0; bottom: 0;margin-bottom: -2px;}
	.keyword4L img{width: 50%;float: left;}
	.keyword4R{position: absolute;right: 0; top: 0;margin-top:-20px}
	.keyword4R img{float: right;width: 50%;}
	
	.keyword5{padding-bottom: 0;}
	.keyword5cont{float: left;margin: 10px 5px;padding: 0;width: calc(50% - 10px);font-size: 16px;text-align: center;line-height: 25px;color: #333;}
	.keyword5img{display: block;width: 72px;margin: 0 auto;background: url(../img/keywordsbg.png) no-repeat center center;background-size: contain;}
.keyword5img i{line-height: 82px;font-size: 35px;text-align:center;color: #ca0118;}
	.keyword5cont h3{margin: 10px 0;font-size: 18px;font-weight: bold;height:25px;overflow: hidden;}
	.keyword5cont p{height: 75px;overflow: hidden;}
	/*========关键词优化===========*/
	.about-time{margin: 20px 0 30px;}
	.about1cont{float: none;width: 100%;}
	.about1 ul{float: none;margin: 15px 0;width: 100%;}
	.about1 li{margin: 2px 0;}
	.about2{display: table;padding: 20px 2.5%;width: 100%;height: 450px;background:url(../img/about2.png) no-repeat center center;background-size: cover;}
	.about2 ul{display: table-cell;vertical-align: middle;width: 100%;}
	.about2 li{float: left;width: 50%;}
	.about2 img{display: block;margin: 20px auto;height: 90px;}
	
	.about3 dl{float: none;margin: 10px 0; width:100%;}
	.about3 dt{position: relative;width: 100%;height: 200px;overflow: hidden;}
	.about3img{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
	.about3 dt h3{position: absolute;top: 50%;left: 0;margin-top:-20px;padding:0 10px;width: 100%;text-align: center;line-height: 40px;font-size: 30px;color: #fff;}
	.about3 dd{padding: 3%;line-height: 25px;font-size: 14px;color: #4c4c4c;}
	.about3 li{margin-bottom: 3px;}
	.about3 dl:hover .about3img{transform: scale(1.2);}
	.about4{position: relative;background-color: #1e1e1e;padding: 35px 10%;}
	.about4-btn{position: absolute;bottom: 20%;left: 10%;width: 100%;}
	.about5{padding: 30px 0;background: url(../img/about5.png) no-repeat center center; background-size: cover;}
	.about5s{width:95%;margin: 0 auto;}
	.about5s li{margin:10px 0;float: left;width: 50%;text-align: center;}
	.about5s h2{font-size: 14px;color: #fff;}
	.about5s h2 span{font-size: 40px;color: #fff;}
	.about5s p{font-size: 16px;color: #fff;}
	/*========关于我们===========*/
	.contact1 h2{margin: 30px 0 ;font-size: 24px;color: #404040;}
	.contact1 li{float: none;display: table;margin:10px 0 ;width: 100%;height: 180px;background-color: #f2f2f2;}
	.contact1s{display: table-cell;vertical-align: middle;padding: 0 10%;}
	.contact1s i{font-size: 35px;color: #000;}
	.contact1s p{font-size: 16px;color: #333;line-height: 25px;}
	.contact1s span{display: block;margin: 20px 0 10px;font-size: 18px;font-weight: bold;font-family: arial;color: #404040;}
	
	.contact2 h3{padding: 20px 0;text-align: center;font-size: 20px;color: #333;}
	.contact2 form{width: 95%;margin: 0 auto;}
	.contact2 input,.contact2 select{float: none;margin: 0 0 10px 0;width: 100%;height: 40px;border:1px solid #d9d9d9;padding: 0 10px;font-size: 14px;color: #333;}
	.contact2 textarea{display: block;margin: 0 0 10px 0;padding:15px 10px;width:100%;height: 120px;resize: none;border:1px solid #d9d9d9;font-size: 15px;color: #333;}
	.contact2 input.contact-sub{float: none;display: block;margin: 20px auto 40px;width: 140px;padding: 0;background-color: #c80000;color: #fff;}
	.wan2s{float: none;margin: 10px 0;padding:20px;width: 100%;background-color: #ededed;color: #333;}
	.wan2s h3{font-size: 18px;font-weight: bold;line-height: 25px;height: 100%}
	.wan2s img{display: block;margin:10px 0;}
	.wan2s p{font-size: 16px;line-height: 25px;height:100%}
	.wan3{padding: 30px 2.5%;background: url(../img/wanbg.png) no-repeat center center;background-size:cover;text-align: center;color: #fff;}
	.wan3>h3{padding-bottom: 20px;color: #fff;}
	.wan3s {float: left;width:45%;margin: 10px 2.5%;}
	.wan3s i{font-size: 50px;line-height: 60px;color: #fff;}
	.wan3s h4{font-size: 16px;font-weight: bold;margin: 20px 0;}
	.wan3s p{font-size: 14px;line-height: 25px;height: 150px;}
	.wan4 dl{float: none;margin:10px 0;width: 100%;}
	.wan4 dt{height: 200px;}
	.wan4img{width: 100%;height: 100%;background-repeat: no-repeat;background-position:center center;background-size: cover;}
	.wan4 dd{padding: 20px 0 20px 70px;color: #333;line-height: 25px;background: url(../img/serviceT.png) no-repeat left top 26px;}
	.wan4 dd h3{font-size: 18px;margin-bottom:10px;font-weight: bold;height: 100%;overflow: hidden;}
	.wan4 dd p{font-size: 16px;height: 100%;overflow: hidden;}
	/*========万词霸屏===========*/
	.advantage{padding: 20px 0;width: 100%;color: #333;}
	.advantagemain{margin: 0 auto;width: 95%;}
	.advantagecont{float: none;margin-top: 0;width: 100%;}
	.advantage3 .advantagecont{margin-top: 0;}
	.advantageimg{float: none;width: 100%;}
	.advantageimg img{display: block;float: none;margin: 0 auto;width: 60%;transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;}
	.advantage h3{padding:20px 0;font-size: 20px;text-align:center;background: url(../img/serviceT.png) no-repeat  center bottom;}
	.advantage p{margin: 20px 0;font-size: 16px;line-height: 25px;}
	.advantage:nth-child(2n) .advantagecont{float: none;}
	.advantage:nth-child(2n) .advantageimg,.advantage:nth-child(2n) .advantageimg img{float: none;}
	.advantage1{background: url(../img/advanbg1.png) no-repeat center center;background-size: cover}
	.advantage2{background: url(../img/advanbg2.png) no-repeat center center;background-size: cover}
	.advantage3{background: url(../img/advanbg3.png) no-repeat center center;background-size: cover}
	.advantage:hover .advantageimg img{transform: scale(1.1);}
	/*========我们的优势===========*/
	.news{width: 95%;margin: 30px auto;}
	.newslist li{float: left;}
	.newslist a{display: block;padding: 15px 10px;font-size: 16px;font-weight:bold;color: #4c4c4c;cursor: pointer;}
	.newslist a:hover,.newslist a.newsliys{color: #c80000;background: url(../img/serviceT.png) no-repeat bottom left;}
	.newscont ul{margin: 20px 0;}
	.newscont li{display: block;float: none;margin: 0;padding:15px 0;width:100%;}
	.newsa-img img{display: block;margin-bottom: 20px;height: 50px;}
	.newsa-h{font-size: 16px;color: #333;line-height:25px;height: 100%;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: initial;
	-webkit-box-orient: vertical;}
	.newsa-p{margin: 10px 0;font-size: 14px;line-height:25px;color: #808080;height: 50px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
	.newscont li time{font-size: 16px;color: #4c4c4c;font-family: arial;}
	/*.fengye{width: 310px;margin: 20px auto;}
	.fengye .off{float: left;display: block;padding: 8px;}
	.fengye span{float: left;cursor: pointer;}
	.fengye span.fenkong{line-height: 35px;}
	.fengye .focus2 a{display: block;margin: 0 5px;width: 35px;text-align:center;line-height: 35px;border-radius:5px;font-size: 18px;border: 1px solid #c80000;color: #4c4c4c;}
	.fengye .focus2 a:hover{background-color: #c80000;color: #fff;}*/
	.newsfy{width: 190px;margin: 20px auto;}
	.newsfy a{float: left;}
	.newsfyc{margin: 0 5px;width: 35px;text-align:center;line-height: 35px;border-radius:5px;font-size: 18px;border: 1px solid #c80000;color: #4c4c4c;}
	.newsfyc:hover{background-color: #c80000;color: #fff;}
	.newsfyp img,.newsfyn img{padding:8px;filter: grayscale(100%);}
	.newsfyn{transform: rotate(180deg);}
	.newsfyp:hover img,.newsfyn:hover img{filter: grayscale(0%);}
	/*========新闻中心===========*/
	.newsdeta{line-height: 30px;}
	.newsdeta h4{margin-bottom: 30px;padding-bottom: 20px;text-align: center;font-size: 18px;color: #333;border-bottom: 1px solid #d3d3d4;}
	.newsdeta h4 span{display: block;font-size: 14px;padding-top:10px;color: #999;}
	.newsdeta p{font-size: 16px;}
	.newsdeta img{margin: 5px 0;}
	
	.newsqh{margin: 20px 0 ;border-top: 1px dashed #ebebeb;border-bottom: 1px dashed #ebebeb;}
	.newsqh a{display: block;margin: 10px;font-size: 16px;color: #4c4c4c;}
	/*========新闻详情===========*/
	.packages{display: block;background-color: #F4F4F4;padding: 0 2.5%;}
	.packages img{display: block;margin: 0 auto;}
	/*========云模板套餐===========*/
	.website11{padding: 20px 2.5%;}
	.website11 h1{margin-bottom: 15px;text-align: center;font-size: 20px;line-height: 30px;font-weight:normal;color: #010101;}
	.website11 li{float: left;margin-bottom: 10px;width: 50%;text-align: center;}
	.website11 li .website11img{width:90%;margin: 0 auto;}
	.website11 li .website11img img{display:block;margin: 0 auto;width: 70%;transition: all 0.6s;}
	.website11 h2{margin-top: 5px;line-height: 20px;height: 40px;overflow: hidden;font-size: 14px;color: #000000;}
	.website11 li:hover .website11img img{transform: rotateY(-180deg);
	    -ms-transform: rotateY(180deg);
	    -moz-transform: rotateY(-180deg);
	    -webkit-transform: rotateY(-180deg);
	    -o-transform: rotateY(-180deg);}
	.website12{padding: 20px 2.5%;background: url(../img/pics/website_bg3.jpg) no-repeat center center;background-size: cover;}
	.website12 h1{font-weight: normal;margin-bottom: 4%;padding-bottom: 2%;font-family: "华文细黑";background: url(../img/pics/website_bg4.jpg) no-repeat left bottom;font-size: 30px;color: #000;}
	.website12 p{width: 100%;font-family: "华文细黑";font-size: 20px;line-height: 30px;color: #666;}
	.website12 a{clear: both;display: block;margin: 20px 0;width: 160px;line-height: 48px;border-radius: 30px;background: url(../img/pics/website_bg2.png) no-repeat 120px center #f67524;text-indent: 35px;font-size: 16px;color: #fff;transition: all 0.3s;}
	.website12 a:hover{opacity: 0.8;background-position: 130px center;}
	.website13{padding: 20px 2.5%;background: url(../img/pics/website_bg5.jpg) no-repeat center center;background-size: cover;}
	.website13 h1{margin-bottom: 20px;text-align: center;font-size: 24px;line-height: 40px;font-weight: normal;color: #fff;}
	.website13 li{position: relative;float: left;display: table;width: 50%;height: 220px;border:1px solid #3a3a3a;}
	.website13txts{display: table-cell;vertical-align:middle;text-align: center;width: 100%;}
	.website13txts h2{margin-top: 20px;font-weight: normal;line-height: 32px;height: 32px;overflow: hidden;font-size: 18px;color: #999999;}
	.website13cons{position: absolute;top: 0;left:0;padding: 10px;width: 100%;height: 100%;background: url(../img/pics/website_bg6.png) left 20px bottom 20px no-repeat #f67524;color: #fff;opacity: 0;transition: all 0.6s;}
	.website13cons h2{font-weight: normal;line-height: 40px;height: 40px;overflow: hidden;font-size: 18px;}
	.website13cons p{line-height: 24px;height: 100%;overflow: hidden;color: #ffdac2;font-size: 16px;}
	.website13 li:hover .website13cons{opacity: 1;}
	.website14{padding: 20px 2.5%;}
	.website14 h1{text-align: center;font-size: 24px;font-weight: normal;line-height: 42px;color: #010101;}
	.website14 p{margin: 10px 0 20px;font-size: 16px;text-align: center;line-height: 25px;color: #666666;}
	.website14 img{display: block;margin: 0  auto;}
	.website15{padding: 20px 2.5%;background-color: #f5f5f5;}
	.website15 h1{height: 36px;line-height: 36px;text-align: center;font-size: 24px;font-weight: normal;color: #000;}
	.website15 ul{margin-top: 10px;}
	.website15 li{position: relative;float: none;width: 100%;margin: 0 0 10px 0;transition: all 0.5s;background-color: #fff;}
	.website15 li:last-child{margin: 0 0 10px 0;}
	.website15 dt a{display: block;width: 100%;overflow: hidden;}
	.website15 dt img{display: block;width: 100%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
	.website15 dd a{display: block;width: 100%;padding:10px 5px;text-align:center;font-weight: normal;font-size: 18px;line-height: 30px;height: 100%;color: #000;}
	.website15 dd a span{display: block;line-height: 25px;height: 100%;overflow: hidden;font-size: 16px;color: #666666;}
	.website15 li::before{content: "";display: block;position: absolute;left: 0%;right: 0%;bottom: 0px;height: 2px;opacity: 1;background-color: #dcdcdc;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
	.website15 li::after {content: "";display: block;position: absolute;left: 0%;right: 100%;bottom: 0px;height: 2px;opacity: 0;background-color: #f67524;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
	.website15 li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1);box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
	.website15 li:hover::after {left: 0%;right: 0%;opacity: 1;}
	.website15 li:hover dt img{transform: scale(1.02);}
	.website16{padding: 20px 2.5%;background: url(../img/pics/website_bg7.jpg) no-repeat center center;background-size: cover;}
	.website16 h1{margin-bottom: 20px;text-align: center;font-size: 24px;line-height: 36px;font-weight: normal;color: #fff;}
	.website16 h1 span{display: block;margin-top: 10px;font-size: 16px;line-height: 25px;text-align: center}
	.website16L{float: none;width: 100%;}
	.website16R{float: none;width: 100%;}
	.website16 input{display: block;margin-bottom: 10px;padding: 0 3%;width: 100%;height: 35px;border: none;outline: none;font-size: 16px;font-family: "微软雅黑";background: #fff;color: #666;}
	.website16 textarea{margin-bottom: 16px;padding: 10px 3%;border: none;outline: none;width: 100%;font-size: 16px;font-family: "微软雅黑";line-height: 26px;height: 130px;resize: none;background: #fff;color: #666;}
	.website16R input{margin: 0 auto 10px;width: 60%;height: 40px;text-align: center;cursor: pointer;background: #f67524;color: #fff;transition: all 0.3s;}
	.website16R input:hover{opacity: 0.8}
	/*====企业&品牌官网====*/
	.website21{padding: 20px 2.5%;background: url(../img/pics/website2_bg1.jpg) no-repeat center center;background-size: cover;}
	.website21 h1{margin-bottom: 10px;text-align: center;font-size: 24px;color: #fff;font-weight: normal;line-height: 40px;}
	.website21 img{display: block;margin: 0 auto;}
	.website22{padding: 20px 2.5%;background: url(../img/pics/website2_bg2.jpg) no-repeat center center;background-size: cover;}
	.website22 h1{text-align: center;font-size: 24px;color: #010101;font-weight: normal;line-height: 35px;}
	.website22>p{color: #666666;font-size: 14px;line-height: 25px;margin-top: 15px;margin-bottom: 20px;text-align: center;}
	.website22 li::before {content: "";width: 100%;height: 3px;position: absolute;top: 0;left: 0;background-color: #f98168;}
	.website22 li:nth-child(2)::before{background-color: #71c5ca;}
	.website22 li:nth-child(3)::before{background-color: #71a4db;}
	.website22 li:nth-child(4)::before{background-color: #64bd9d;}
	.website22 li:nth-child(5)::before{background-color: #f3913a;}
	.website22 li{position: relative;float: none;display: block;margin: 10px 0;width:100%;height: 100%;background-color: #fff;cursor: pointer;}
	.website22 li:last-child{margin-right: 0;}
	.website22txts{display: none;vertical-align: middle;text-align: center;}
	.website22txts h2{margin-top: 30px;text-align: center;font-size: 18px;line-height: 30px;color: #000;}
	.website22conts{padding: 10px;z-index:9;position: static;top: 0;left: 0;width:100%;height: 100%;overflow:hidden;background-color: #f98168;transition: all 0.3s;opacity: 1;}
	.website22 li:nth-child(2) .website22conts{background-color: #71c5ca;}
	.website22 li:nth-child(3) .website22conts{background-color: #71a4db;}
	.website22 li:nth-child(4) .website22conts{background-color: #64bd9d;}
	.website22 li:nth-child(5) .website22conts{background-color: #f3913a;}
	.website22contsL{display: none;float: left;width: 100px;}
	.website22contsL img{display: block;margin:0 auto;}
	.website22contsR{float: left;width:100%;padding: 0;}
	.website22conts h3{margin-bottom: 5px;font-size: 18px;color: #fff;}
	.website22conts p{line-height: 25px;font-size: 14px;color: #fff;}
	.website22 li:last-child .website22conts{position: static;top: 0;left: auto;right: 0;}
	.website22 li:hover .website22conts{width: calc(200% + 10px);opacity: 1}
	.website23{padding: 20px 2.5%;background: url(../img/pics/website_bg5.jpg) no-repeat center center;background-size: cover;}
	.website23 h1{text-align: center;font-size: 24px;line-height: 30px;font-weight: normal;color: #fff;}
	.website23>p{margin: 15px 0 20px;font-size: 14px;line-height: 25px;text-align: center;color: #ccc;}
	.website23 li{float: left;display: table;padding: 0 10px;width:100%;height: 180px;border:1px solid #3a3a3a;background: url(../img/pics/website2_icon1.png) no-repeat left 10px center;transition: all .3s;}
	.website23 li:nth-child(2){background: url(../img/pics/website2_icon2.png) no-repeat left 10px center;}
	.website23 li:nth-child(3){background: url(../img/pics/website2_icon3.png) no-repeat left 10px center;}
	.website23 li:nth-child(4){background: url(../img/pics/website2_icon4.png) no-repeat left 10px center;}
	.website23 li:nth-child(5){background: url(../img/pics/website2_icon5.png) no-repeat left 10px center;}
	.website23 li:nth-child(6){background: url(../img/pics/website2_icon6.png) no-repeat left 10px center;}
	.website23conts{padding-left: 110px;display: table-cell;vertical-align: middle;}
	.website23conts h3{font-weight: normal;line-height: 30px;height: 30px;font-size: 20px;color: #fff;}
	.website23conts p{margin-top: 10px;line-height: 24px;font-size: 16px;color: #999;}
	.website23 li:hover{background-color: #f67524;background-image: url(../img/pics/website2_icon1_on.png)}
	.website23 li:nth-child(2):hover{background-image: url(../img/pics/website2_icon2_on.png)}
	.website23 li:nth-child(3):hover{background-image: url(../img/pics/website2_icon3_on.png)}
	.website23 li:nth-child(4):hover{background-image: url(../img/pics/website2_icon4_on.png)}
	.website23 li:nth-child(5):hover{background-image: url(../img/pics/website2_icon5_on.png)}
	.website23 li:nth-child(6):hover{background-image: url(../img/pics/website2_icon6_on.png)}
	.website23 li:hover .website23conts p{color: #fff;}
	/*====电商/门户网站建设====*/
    
    #newBridge{display: none!important}    
    
}